/* custom editor style */@import url("style1/tipsy.css");
/* jQuery tootltips */@import url("css3-buttons.css");
/* jQuery calendar *//*------------------------------------------------------------------------2. RESET - Basic reset------------------------------------------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td {
    margin:0;
    padding:0;
}
h5{
    font-size: 12px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}
.fr{
    float: right;
    margin-right: 5px;
}
.fl{
    float: left;
    margin-left: 5px;
}
.row{
    float:left;  
    display:inline;
}
/*------------------------------------------------------------------------3. BASIC CSS SELECTORS - Commonly used css selectors------------------------------------------------------------------------*/
html {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#222;
    line-height:20px;
    width:100%;
    height: 100%;
}
body {
    background:#fff url(../images/style1/bg-effect.png) repeat;
    width:100%;
    height: 100%;
}
input,textarea,select {
    outline:none;
    /* preventing the chrome and safari nasty yellow border */	background:#fff;
    background:none\9;
    /* IE8 and below */	border:1px solid #ccc;
    border:none\9;
    /* IE8 and below */
}
textarea {
    overflow:auto;
}
a:focus {
    outline:none;
}
a,a:visited,a:active {
    color:#222;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
i {
    font-size:11px;
}
img {
    border:none;
}
p {
    color:#666;
}
table {
    border-collapse:collapse
}
textarea {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
h1 {
    color:#666;
    font-size:18px;
    margin-bottom:10px;
}
h2 {
    color:#666;
    font-size:16px;
    margin-bottom:10px;
}
h3 {
    color:#666;
    font-size:14px;
    margin-bottom:10px;
}
h4 {
    color:#666;
    font-size:12px;
    margin-bottom:10px;
}
blockquote {
    padding:10px 60px 10px 60px;
    background:#eee;
    border:1px solid #ccc;
    position:relative;
}
blockquote:before,blockquote:after {
    color:#999;
    display:block;
    font-size:700%;
    width:50px;
}
blockquote:before {
    content:open-quote;
    content:'\201C';
    height:0;
    position:absolute;
    top:30px;
    left:14px;
}
blockquote:after {
    content:close-quote;
    content:'\201D';
    position:absolute;
    bottom:-16px;
    right:-10px;
}
/*------------------------------------------------------------------------4. CONTAINERS - DIV Container CSS style.------------------------------------------------------------------------*/
div#container {
    padding:0 40px;
    min-height: 100%;
    /*	overflow:auto*/
}
/*------------------------------------------------------------------------5. HEADER - Basic header CSS style.------------------------------------------------------------------------*/
header {
    height:auto;
    float:left;
    margin:20px 0 10px 0;
    width:100%;
}
#meta-wrap {
    margin-bottom:24px;
    *margin-bottom:4px;
    /* IE7 and below */	width:100%;
}
ul#user-meta {
    height:20px;
    float:right;
    margin:0 0 4px 0;
    color:#666;
    font-size:10px;
    list-style-type:none;
    display:block;
}
ul#user-meta li {
    display:inline;
    margin:0 0px 0 6px;
    position:relative
}
ul#user-meta li a,ul#user-meta li a:visited,ul#user-meta li a:active {
    color:#666;
}
ul#user-meta li a.user-msg-baloon,ul#user-meta li a.user-msg-baloon:active,ul#user-meta li a.user-msg-baloon:visited {
    background:#ef1919;
    color:#FFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:0 4px 1px 4px;
    font-size:10px;
    position:absolute;
    top:-12px;
    right:-5px;
    line-height:12px;
    font-weight:bold;
}
ul#user-meta li a.user-msg-baloon:hover {
    background:#333;
    text-decoration:none;
}
ul#user-meta li img {
    margin:0 4px 0 0;
}
div#menu-bar {
    height:50px;
    margin:0px 0 10px 0;
    position:relative;
    border:1px solid #b4b4b4;
    background:#eee;
    z-index:2;
}
div.menu-bar-inner {
    height:50px;
    background:#eee url(../images/style1/bg-header.png) repeat-x;
}
a#logo h1 {
    float:left;
    margin:14px 0 0 10px;
    color:#555;
    font-size:24px;
    text-shadow:0 1px 1px #FFFFFF;
    font-family:'UbuntuBold',Arial,sans-serif;
}
a#logo h1:hover {
    color:#222;
}
a#logo {
    text-decoration:none;
}
/*      	5.1. DROPDOWN MENU*/
ul#menu {
    width:auto;
    margin:12px 0 0 60px;
    color:#FFF;
    position:absolute;
    top:0;
    right:260px;
}
ul#menu li {
    float:left;
    display:inline;
    position:relative;
}
ul#menu li.sep {
    float:left;
    display:inline;
    background:url(../images/style1/menu-seperator.png) repeat-y right top;
}
ul#menu li a span {
    width:100%;
    height:14px;
    position:absolute;
    bottom:-13px;
    left:0;
    background:transparent url(../images/style1/arrowmenu.png) 50% top no-repeat;
    display:none;
}
ul#menu li a,ul#menu li a:active,ul#menu li a:visited {
    float:left;
    display:block;
    padding:4px 10px  4px 10px;
    margin:0 6px 0 4px;
    color:#555;
    text-decoration:none;
}
ul#menu li a:hover {
    background:#505050;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
ul#menu li a.active {
    background:#505050;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
ul#menu li a.active span {
    display:inline;
}
/* 	5.2.  SECOND LEVEL */
ul#menu li ul.second {
    width:140px;
    position:absolute;
    top:38px;
    left:4px;
    z-index:100;
    margin:0px 0 0 0;
    padding:0px 0 0px 0;
    display:none;
    overflow:hidden;
}
ul#menu li ul.second li {
    width:140px;
    float:left;
    display:inline;
    padding:0;
    background:#505050;
}
ul#menu a.activeli,ul#menu a.activeli:visited {
    background:#505050;
    color:#FFF;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
ul#menu li ul.second li a {
    width:128px;
    float:left;
    margin:0;
    border:none;
    padding:6px 0px 6px 12px;
    color:#fff;
}
ul#menu li ul.second li a:hover {
    background:#333;
    color:#FFF;
}
/*	5.3. SEARCHFORM*/
form#search {
    position:absolute;
    top:0;
    right:0px;
    width:244px;
    margin:8px 10px 0 0;
}
form#search #input-s {
    width:162px;
    height:32px;
    height:28px\9;
    /* IE8 and below */	float:left;
    background:#fff;
    border:1px solid #b4b4b4;
    border-right:none;
    padding:0 5px 0 8px;
    padding:4px 5px 0 10px\9;
    /* IE8 and below */	color:#555;
    line-height:22px!important;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
form#search #search-submit {
    width:24px;
    height:34px;
    float:left;
    background:#fff url(../images/style1/search-btn.png) no-repeat;
    background-position:0px 2px;
    border:1px solid #b4b4b4;
    border-left:#fff;
    cursor:pointer;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    *filter:chroma(color=#000000);
    /* IE7 and below */	*overflow:auto;
    /* IE7 and below */
}
a#toggle-menu {
    float:right;
}
/*	5.4. ICON MENU*/
ul#submenu {
    height:auto;
    background:#fff;
    border:1px solid #b4b4b4;
    padding:0 0 10px 10px;
    margin:0 0px 0 0;
    position:relative;
    margin:0px 0 10px 0;
    overflow:auto;
}
ul#submenu li {
    float:left;
    list-style-type:none;
}
a.icon-menu {
    width:78px;
    height:78px;
    float:left;
    margin:10px 10px 0 0;
    background:url(../images/style1/menu-icon-bg.png) no-repeat;
    border:1px solid #ccc;
    position:relative;
    text-decoration:none;
}
a.icon-menu:hover {
    border:1px solid #888;
    -moz-box-shadow:0px 0px 4px #ccc;
    -webkit-box-shadow:0px 0px 4px #ccc;
    box-shadow:0px 0px 4px #ccc;
    /* IE CSS3 solution */	behavior:url(pie/PIE.htc);
}
a.icon-menu img {
    float:left;
    margin:8px 0 0 16px;
}
a.icon-menu span {
    width:100%;
    position:absolute;
    top:56px;
    left:0;
    text-align:center;
    font-size:11px;
    color:#666;
    cursor:pointer;
}
/*          	5.5. BREADCRUMBS */
div#breadcrumbs {
    height:24px;
    line-height:16px;
    background:#fff;
    border:1px solid #ccc;
    padding:10px;
    position:relative;
}
div#breadcrumbs p.left {
    width:auto;
    float:left;
    color:#666;
    font-size:12px;
    margin:3px 0 0 0;
    margin:4px 0 0 0\9;
    /* IE8 and below */
}
div#breadcrumbs p.right {
    width:auto;
    float:left;
    color:#666;
    font-size:12px;
    margin:3px 0 0 20px;
    margin:4px 0 0 20px\9;
    /* IE8 and below */
}
div#breadcrumbs p a,div#breadcrumbs p a:visited,div#breadcrumbs p a:active {
    color:#666;
}
div#breadcrumbs p img,div#breadcrumbs div img {
    margin-right:4px;
}
div#mastertoggle {
    height:24px;
    width:53px;
    line-height:16px;
    position:absolute;
    right:10px;
    top:10px;
}
div#mastertoggle div.toggle-ctrls {
    width:auto;
    float:right;
    color:#666;
    font-size:10px;
}
div#mastertoggle div.toggle-ctrls div {
    float:left;
    border-left:1px solid #ccc;
    margin:0px 0 5px 10px;
    padding:0 0 0 10px;
}
div#mastertoggle a.togglecloseall {
    float:left;
    height:24px;
    width:24px;
    background:url(../images/style1/toggle-plus.png) no-repeat;
    background-position:0 0px;
}
div#mastertoggle a.togglecloseall:hover {
    float:left;
    height:24px;
    width:24px;
    background-position:0 -24px;
}
div#mastertoggle a.toggleopenall {
    float:left;
    height:24px;
    width:24px;
    margin:0 0 0 5px;
    background:url(../images/style1/toggle-plus.png) no-repeat;
    background-position:0 -48px;
}
div#mastertoggle a.toggleopenall:hover {
    float:left;
    height:24px;
    width:24px;
    margin:0 0 0 5px;
    background-position:0 -72px;
}
/*------------------------------------------------------------------------6. CONTENT & BOX - Content wrapper,and the content boxes.------------------------------------------------------------------------*/
div#content {
    width:100%;
    float:left;
    margin-bottom: 27px;
}
/*	6.1. BOX*/div.box {
    background:#fff;
    border:1px solid #b4b4b4;
    margin:0 0 20px 0;
    position:relative!important;
}
div.box-header {
    height:29px;
    padding:10px;
    background:#eee url(../images/style1/bg-header.png) repeat-x;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.box-header h2 {
    float:left;
    margin:4px 0 0 0px;
    color:#555;
    font-size:18px;
    text-shadow:0 1px 1px #FFFFFF;
    font-family:'UbuntuBold',Arial,sans-serif;
}
div.box-header-ctrls {
    width:34px;
    height:34px;
    float:right;
    position:relative;
    margin:-2px 0 0 0;
}
span.spin {
    width:16px;
    height:16px;
    position:absolute;
    top:8px;
    left:-24px;
    display:none;
    background:url(../images/style1/spinner.gif) no-repeat;
}
a.close {
    width:34px;
    height:34px;
    float:left;
    background:url(../images/style1/plus.png) no-repeat;
    background-position:0 0px;
}
a.close:hover {
    background-position:0 -34px;
}
a.open {
    width:34px;
    height:34px;
    float:left;
    background:url(../images/style1/plus.png) no-repeat;
    background-position:0 -68px;
}
a.open:hover {
    background-position:0 -102px;
}
div.box-content {
    padding:10px;
    border-top:1px solid #b4b4b4;
}
div.box-content p {
    width:100%;
    text-align:left;
}
div.box-content p.spacer {
    width:100%;
    height:10px;
    line-height:0;
}
div.box-content p a,div.box-content p a:active,div.box-content p a:visited {
    font-weight:bold;
    color:#222;
    text-decoration:none;
}
div.box-content p a:hover {
    font-weight:bold;
    color:#06F;
    text-decoration:none;
}
ul.ul {
    width:100%;
    overflow:auto
}
ul.ul li {
    list-style-position:inside;
    background:url(../images/icons/16/bullet_black.png) no-repeat -4px center;
    margin-bottom:5px;
    padding-left:20px;
    list-style:none;
}
ol.ol {
    width:100%;
    overflow:auto
}
ol.ol li {
    list-style-position:inside;
    margin-bottom:5px;
}
/*	6.2. BOX 50 / 490px*/div.box-50 {
    width:49%;
    float:left;
    background:#fff;
    border:1px solid #b4b4b4;
    margin:0 0 20px 0;
    position:relative!important;
}
div.box-header-50 {
    height:29px;
    padding:10px;
    background:#eee url(../images/style1/bg-header.png) repeat-x;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.box-header-50 h2 {
    float:left;
    margin:4px 0 0 0px;
    color:#555;
    font-size:18px;
    text-shadow:0 1px 1px #FFFFFF;
    font-family:'UbuntuBold',Arial,sans-serif;
}
div.box-content-50 {
    padding:10px;
    border-top:1px solid #b4b4b4;
}
div.box-content-50 p a,div.box-content-50 p a:active,div.box-content-50 p a:visited {
    font-weight:bold;
    color:#222;
    text-decoration:none;
}
div.box-content-50 p a:hover {
    font-weight:bold;
    color:#06F;
    text-decoration:none;
}
/*	6.3. BOX 75 / 750px*/div.box-75 {
    width:74%;
    float:left;
    background:#fff;
    border:1px solid #b4b4b4;
    margin:0 0 20px 0;
    position:relative!important;
}
div.box-header-75 {
    height:29px;
    padding:10px;
    background:#eee url(../images/style1/bg-header.png) repeat-x;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.box-header-75 h2 {
    float:left;
    margin:4px 0 0 0px;
    color:#555;
    font-size:18px;
    text-shadow:0 1px 1px #FFFFFF;
    font-family:'UbuntuBold',Arial,sans-serif;
}
div.box-content-75 {
    padding:10px;
    border-top:1px solid #b4b4b4;
}
div.box-content-75 p a,div.box-content-75 p a:active,div.box-content-75 p a:visited {
    font-weight:bold;
    color:#222;
    text-decoration:none;
}
div.box-content-75 p a:hover {
    font-weight:bold;
    color:#06F;
    text-decoration:none;
}
/*	6.4. BOX 25 / 280px*/div.box-25 {
    width:24%;
    float:left;
    background:#fff;
    border:1px solid #b4b4b4;
    margin:0 0 20px 0;
    position:relative!important;
}
div.box-header-25 {
    height:29px;
    padding:10px;
    background:#eee url(../images/style1/bg-header.png) repeat-x;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.box-header-25 h2 {
    float:left;
    margin:4px 0 0 0px;
    color:#555;
    font-size:18px;
    text-shadow:0 1px 1px #FFFFFF;
    font-family:'UbuntuBold',Arial,sans-serif;
}
div.box-content-25 {
    padding:10px;
    border-top:1px solid #b4b4b4;
}
div.box-content-25 p a,div.box-content-20 p a:active,div.box-content-20 p a:visited {
    font-weight:bold;
    color:#222;
    text-decoration:none;
}
div.box-content-25 p a:hover {
    font-weight:bold;
    color:#06F;
    border-bottom:1px dashed #06F;
    text-decoration:none;
}
/*	6.5. CSS3 GRADIENTS*/
.gradient-btn,a.gradient-btn,a.gradient-btn:visited,a.gradient-btn:active {
    color:#555;
    border:1px solid #ccc;
    background:#efefef;
    /* fallback color */    background-image:-moz-linear-gradient(top,#ffffff,#efefef);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#efefef);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffffff,endColorstr=#efefef)";
    cursor:pointer;
}

.gradient-btn:hover,a.gradient-btn:hover,a.selected {
    color:#fff;
    border:1px solid #444;
    background:#777777;
    /* fallback color */    background-image:-moz-linear-gradient(top,#777777,#555555);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#777777),to(#555555));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#777777,endColorstr=#555555);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#777777,endColorstr=#555555)";
}
a.gradient-btn{
    height:17px;
    float:left;
    text-align:center;
    text-decoration:none;
    padding:1px 5px 4px 5px;
    margin:0 8px 3px 0px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
/*------------------------------------------------------------------------7. INDEX - Index/frontpage box styles.------------------------------------------------------------------------*//*      	7.1. TYPE 1*/
ul.index-info-box {
    padding:0px;
    margin:0 0 0px 0;
}
ul.index-info-box li {
    margin:0 0px 10px 0;
    padding:0 0 5px 0;
    list-style:none;
    border-bottom:1px solid #ccc;
}
ul.index-info-box li a,ul.index-info-box li a:visited,ul.index-info-box li a:active {
    float:right;
    font-size:18px;
    font-weight:normal;
    color:#000;
}
ul.index-info-box li a:hover {
    text-decoration:none;
    color:#333;
}
/*------------------------------------------------------------------------15. CONTACTS - Contacts box styles.------------------------------------------------------------------------*//*      	15.1. TYPE 1*/
.tablelist{
    width: 100%;
}
.tablelist tr th {
    width: 120px;
    background: none repeat scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    height: 34px;
    list-style-type: none;
    text-align: right;
    padding-right: 5px;
}
.tablelist tr td {
    border-bottom: 1px solid #CCCCCC;
    height: 34px;
    list-style-type: none;
    text-align: left;
    padding-left: 5px;
}
.tablebox thead {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    font-weight: bold;
    height: 34px;
    list-style-type: none;
    text-align: left;
}
.tablebox thead th {
    border-right: 1px solid #CCCCCC;
    height: 28px;
    margin: 0;
    padding: 7px 5px 5px 10px;
}
.tablebox thead tr {
    height: 34px;
}
.tablebox thead th a {
    width: 100%;
    background-image:url(../images/style1/small.gif);
    cursor:pointer;
    display: block;
    background-repeat:no-repeat;
    background-position:right center;
    text-align:left;
    height:26px\9;
    /* IE8 and below */
}
.tablebox thead th a.asc {
    width: 100%;
    display: block;
    background-image:url(../images/style1/small_asc.gif);
    text-align:left;
}
.tablebox thead th a.desc {
    width: 100%;
    display: block;
    background-image:url(../images/style1/small_desc.gif);
    text-align:left;
}
.tablebox{
    width: 100%;
}
.tablebox tbody tr {
    border-bottom: 1px solid #fff;
}
table-header tbody tr {
    height: 34px;
    width: 100%;
}
.tablebox tbody tr td {
    height: 48px;
    margin: 0 0 0 1px;
    padding: 7px 0 0 10px;
/*   border: 1px solid #FFF;*/
}
.even{
    background: #E5F1F4;
}
.odd{
    background: #F8F8F8;
}
.pager{
    height: 46px;
    width: 100%;
}
#tablesorter-contact tr {
    width:100%;
    float:left
}
#tablesorter-contact {
    *width:100%;
    /*IE7 and below*/	*float:left/*IE7 and below*/
}
.contacts-head-1-select {
    width:5%;
    height:23px;
    float:left;
    padding:11px 0px 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-select input {
    margin:0;
    float:left;
}
.contacts-head-1-id {
    width:5%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-name {
    width:20%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-role {
    width:15%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-email {
    width:20%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-date {
    width:10%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    border-right:1px solid #ccc;
}
.contacts-head-1-actions {
    width:15%;
    width:92px\9;
    /* IE8 and below */	height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0;
    text-align:left
}
th.contacts-head-1-select,th.contacts-head-1-id,th.contacts-head-1-name,th.contacts-head-1-role,th.contacts-head-1-email,th.contacts-head-1-date,th.contacts-head-1-actions {
    *border:1px solid #ccc;
    /* IE7 and below */	*vertical-align:text-top;
    /* IE7 and below */
}
.contacts-content-1 td {
    *border-bottom:1px solid #ccc;
    /* IE7 and below */	*vertical-align:text-top;
    /* IE7 and below */
}
ul.contacts-content-1 {
    margin:0 0 0px 0;
    list-style-type:none;
}
.contacts-content-1 li,.contacts-content-1 tr {
    height:34px;
    border-bottom:1px solid #ccc;
    width:100%
}
.contacts-content-1-select {
    width:5%;
    height:23px;
    float:left;
    padding:11px 0px 0 11px;
    margin:0;
}
.contacts-content-1-select input {
    margin:0;
    float:left;
}
.contacts-content-1-id {
    width:5%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0 0 0 1px;
}
.contacts-content-1-name {
    width:20%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0 0 0 1px;
}
.contacts-content-1-role {
    width:15%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0 0 0 1px;
}
.contacts-content-1-email {
    width:20%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0 0 0 1px;
}
.contacts-content-1-date {
    width:10%;
    height:28px;
    float:left;
    padding:7px 0 0 10px;
    margin:0 0 0 1px;
}
.contacts-content-1-actions {
    width:15%;
    height:28px;
    float:left;
    padding:6px 0 0 10px;
    margin:0 0 0 1px;
}
a.edit-contact,a.delete-contact {
    float:left;
    height:17px;
    line-height:14px;
    margin:0 5px 5px 0px;
    padding:3px 5px 1px;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.contacts-content-1 li:hover,.contacts-content-1 tr:hover {
    background:#FFC;
}
/* 	17.4. ALL MEDIA (do not remove) */ul.filter-by-cat {
    width:auto;
    float:left;
    margin:0 0px 0px 0;
}
ul.filter-by-cat li,ul.filter-by-date li {
    float:left;
    list-style:none;
}
ul.filter-by-date {
    width:auto;
    float:right;
    margin:0 0px 0px 0;
}
ul.filter-by-cat a,ul.filter-by-cat a:active,ul.filter-by-cat a:visited,ul.filter-by-date a,ul.filter-by-date a:active,ul.filter-by-date a:visited {
    padding:3px 5px 1px 5px;
    height:17px;
    line-height:14px;
    float:left;
    margin:0 0px 0px 5px;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
/*------------------------------------------------------------------------18. INFORMATION -  Information box styles.------------------------------------------------------------------------*//* 	18.1. TYPE 1*/div#information-1 {
}div.css3-btns {
    margin:20px 0 0 0;
}
/* 	18.2. TYPE 2*/div#information-2 {
}div#information-2 ol {
    margin:0 0 20px 0;
}
/* 	18.3. TYPE 3*/div#information-3 {
}div#information-3 div.progressbar-1,div#information-3 div.progressbar-2,div#information-3 div.progressbar-3 {
    margin:0 0 20px;
}
div.progressbar-2 {
    background:#eee;
    border:1px solid #666;
}
div.progressbar-2 .ui-progressbar-value {
    background:#666;
    border:1px solid #666;
}
div.progressbar-3 {
    background:#eee;
    border:1px solid #448fff;
}
div.progressbar-3 .ui-progressbar-value {
    background:#448fff;
    border:1px solid #448fff;
}
div.progressbar-4 {
    background:#eee;
    border:1px solid #58e038;
}
div.progressbar-4 .ui-progressbar-value {
    background:#58e038;
    border:1px solid #58e038;
}
/* 	18.4. TYPE 4*/div#information-4 {
}/*------------------------------------------------------------------------19. SEARCH & FILTER BAR - Search & filter bar found on a couple of pages------------------------------------------------------------------------*/
div.inbox-sf, div.inbox-sf2 {
    height:34px;
    margin:0 0 10px 0;
    padding:10px;
    background:#eee;
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.inbox-sf .input-1, div.inbox-sf2 .input-1 {
    width:160px;
    height:32px;
    height:24px\9;
    /* IE8 and below */	padding:0 0 0 6px;
    padding:8px 0 0 6px\9;
    /* IE8 and below */	float:left;
    border:1px solid #ccc;
    margin:0 5px 0px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#fff;
}

div.inbox-sf div, div.inbox-sf2 div {
    margin:0 5px 0 0;
}
div.inbox-sf .input-1:focus,div.inbox-sf .input-1:hover, div.inbox-sf2 .input-1:focus,div.inbox-sf2 .input-1:hover {
    border:1px solid #444;
}

input.inbox-sf-search-btn {
    float:left;
    margin:0 0px 0 0px;
    height:34px;
    width:66px;
    color:#333;
    padding:0px 0px 2px 0px;
    font-size:13px;
    border:none;
    cursor:pointer;
    background:url(../images/style1/66x34-btn.png) no-repeat;
    background-position:0 0px;
}
input.inbox-sf-search-btn:hover {
    color:#fff;
    background-position:0 -34px;
}
input.inbox-sf-add-btn {
    float:right;
    margin:0 0px 0 5px;
    height:34px;
    width:66px;
    color:#333;
    padding:0px 0px 2px 0px;
    font-size:13px;
    border:none;
    cursor:pointer;
    background:url(../images/style1/66x34-btn.png) no-repeat;
    background-position:0 0px;
}
input.inbox-sf-add-btn:hover {
    color:#fff;
    background-position:0 -34px;
}
/*------------------------------------------------------------------------20. TABS BOXES - Basic jquery tabs boxes.------------------------------------------------------------------------*//*	20.1. HORIZONTAL*/div.tabs-wrapper-hori {
    border:none;
    width:100%;
}
div.box-content ul.tabs-ctrls-hori {
    height:34px;
    list-style-type:none;
    border:none;
    background:#efefef;
    margin:0px 0 0px 0;
    padding:4px 4px 0px 4px;
    border:1px solid #ccc;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
div.box-content ul.tabs-ctrls-hori li {
    float:left;
    border:none;
    margin:0 2px -2px 0;
}
div.box-content ul.tabs-ctrls-hori li a,div.box-content ul.tabs-ctrls-hori li a:active,div.box-content ul.tabs-ctrls-hori li a:visited {
    float:left;
    padding:10px 10px 7px 10px;
    border:1px solid #ccc;
    background:#efefef;
    /* fallback color */    background-image:-moz-linear-gradient(top,#ffffff,#efefef);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#efefef);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffffff,endColorstr=#efefef)";
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.box-content ul.tabs-ctrls-hori li a:hover,div.box-content ul.tabs-ctrls-hori li.ui-state-active a,div.box-content ul.tabs-ctrls-hori li.ui-state-active a:active,div.box-content ul.tabs-ctrls-hori li.ui-state-active a:visited {
    float:left;
    color:#222;
    border:1px solid #ccc;
    border-bottom:1px solid #fff;
    filter:none\9;
    /* IE8 and below */    -ms-filter:none;
    /* IE8 and below */	background:#ffffff;
}
div.box-content ul.tabs-ctrls-hori li.help {
    float:right;
    border:none;
    margin:0 0px -1px 0;
}
div.tab-1 {
    padding:10px;
    border:1px solid #ccc;
    border-top:none;
}
/*	20.2. VERTICAL*/div.tabs-wrapper-veri {
    border:none;
    background:#efefef;
    float:left;
    border:1px solid #ccc;
}
div.box-content ul.tabs-ctrls-veri {
    width:20%;
    float:left;
    list-style-type:none;
    background:#efefef;
    margin:0px 0 0px 0;
    border:none!important;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    height:100%;
}
div.box-content ul.tabs-ctrls-veri li {
    float:left;
    border:none;
    margin:0 0px 0px 0;
    display:inline;
    width:100%;
    z-index:10;
}
div.box-content ul.tabs-ctrls-veri li a {
    display:block;
    padding:12px 0px 12px 10px;
    border-bottom:1px solid #ccc;
    background:#efefef;
    /* fallback color */    background-image:-moz-linear-gradient(top,#ffffff,#efefef);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#efefef);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffffff,endColorstr=#efefef)";
}
div.box-content ul.tabs-ctrls-veri li a:hover,div.box-content ul.tabs-ctrls-veri li.ui-state-active a,div.box-content ul.tabs-ctrls-veri li.ui-state-active a:active,div.box-content ul.tabs-ctrls-veri li.ui-state-active a:visited {
    color:#222;
    border-bottom:1px solid #ccc;
    border-right:1px solid #fff;
    filter:none\9;
    /* IE8 and below */    -ms-filter:none;
    /* IE8 and below */	background:#fff;
}
div.tab-2 {
    width:75%;
    border:none;
    border-left:1px solid #ccc;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    padding:2%;
    float:left;
}
/*------------------------------------------------------------------------21. SUBMIT & RESET BUTTONS - Submit and reset buttons------------------------------------------------------------------------*/div.submit-box {
    margin:10px 0 0px 0;
    height:44px
}
div.submit-box div {
    width:auto;
    float:right;
    margin:10px 0 10px 0;
}
div.submit-box input {
    float:left;
    margin:0 0px 0 5px;
    height:34px;
    width:66px;
    color:#333;
    padding:0px 0px 2px 0px;
    font-size:13px;
    border:none;
    cursor:pointer;
    background:url(../images/style1/66x34-btn.png) no-repeat;
    background-position:0 0px;
}
div.submit-box input:hover {
    color:#fff;
    background-position:0 -34px;
}
/*------------------------------------------------------------------------22. NAVIGATION - Navigation in the boxes.------------------------------------------------------------------------*/
ul.box-nav {
    width:100%;
    float:left;
    list-style-type:none;
    margin:10px 0 0 0;
}
ul.box-nav li {
    float:left;
}
ul.box-nav li a,ul.box-nav li a:active ul.box-nav li a:visited {
    float:left;
    height:27px;
    margin:0 5px 0 0;
    width:30px;
    color:#333;
    padding:7px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    background:url(../images/style1/30x34-btn.png) no-repeat;
    background-position:0 0;
}
ul.box-nav li.first a{
    float:left;
    height:27px;
    width:46px;
    color:#333;
    padding:7px 0px 0px 0px;
    text-align:center;
    font-size:13px;
    background:url(../images/style1/46x34-btn.png) no-repeat;
    background-position:0 0px;
}
ul.box-nav li.page a{
    float:left;
    height:27px;
    margin:0 5px 0 0;
    width:30px;
    color:#333;
    padding:7px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    background:url(../images/style1/30x34-btn.png) no-repeat;
    background-position:0 0;
}

ul.box-nav li a:hover,ul.box-nav li.selected a{
    color:#fff;
    background-position:0 -34px;
}
.grid-view-loading #loading{
    background: url("../images/style1/ajax-loader.gif") no-repeat scroll 50% 70px transparent;
    z-index: 999;
    height:80%;
    position: absolute;
    width: 100%;
}
ul.box-nav li a {
    float:left;
    height:27px;
    width:46px;
    color:#333;
    padding:7px 0px 0px 0px;
    text-align:center;
    font-size:13px;
    background:url(../images/style1/46x34-btn.png) no-repeat;
    background-position:0 0px;
}
ul.box-nav li a.prev:hover,ul.box-nav li a.next:hover {
    color:#fff;
    background-position:0 -34px;
}
/*------------------------------------------------------------------------23. BULK ACTIONS - Basic box bulk action------------------------------------------------------------------------*/.box-bt-bar {
    width:100%;
    height:46px;
}
div.bulk-actions {
    float:right;
    margin:10px 0 0 0;
}
div.bulk-actions select {
    width:140px;
    height:34px;
    float:left;
    margin:0 0spx 0 0;
    cursor:pointer;
}
div.bulk-actions input {
    float:left;
    margin:0 0px 0 5px;
    height:34px;
    width:66px;
    color:#333;
    padding:0px 0px 2px 0px;
    font-size:13px;
    border:none;
    cursor:pointer;
    background:url(../images/style1/66x34-btn.png) no-repeat;
    background-position:0 0px;
}
div.bulk-actions  input:hover {
    color:#fff;
    background-position:0 -34px;
}
/*------------------------------------------------------------------------24. JQUERY SELECT STYLES - Nice way to style the select's------------------------------------------------------------------------*/div.cmf-skinned-select {
    background:url(../images/style1/select_btn.png) no-repeat center right;
    background-position:right 0px;
    border:1px solid #ccc;
    float:left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.cmf-skinned-select:hover {
    background-position:right -32px;
    border:1px solid #444;
}
div.cmf-skinned-text {
    padding:6px 0 0 6px;
    cursor:pointer;
    float:left;
}
/*	UPLOAD*/
div.fileinputs {
    position:relative;
    float:left;
    width:340px !important;
    height:34px;
}
div.fileinputs input {
    position:relative;
    float:left;
    height:32px;
    height:24px\9;
    /* IE8 and below */	width:234px;
    width:232px\9;
    /* IE8 and below */	-moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border:1px solid #ccc;
    padding:0 0 0 4px;
    padding:8px 0 0 4px\9;
    /* IE8 and below */
}
div.fileinputs input.button_button {
    position:relative;
    float:left;
    height:34px;
    width:100px;
    background:url(../images/style1/upload.png) no-repeat;
    border:none;
    cursor:pointer;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    padding:0px 0 2px 0px\9;
    /* IE8 and below */
}
input.file {
    position:relative;
    text-align:left;
    height:34px;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    opacity:0;
    z-index:2;
    width:340px;
    background:#9F0;
    float:left;
    margin:5px 0 0 0;
}
div.form-upload-msg-1 {
    font-size:11px;
    width:210px;
    margin:7px 0 0 10px;
    float:left;
    color:#666;
}
div.form-upload-msg-2 {
    font-size:11px;
    width:98px;
    margin:7px 0 0 10px;
    float:left;
    color:#666;
}
/*------------------------------------------------------------------------25. JQUERY TABLESORTER - Extra styles for the tablesorter------------------------------------------------------------------------*/
th.header {
    background-image:url(../images/style1/small.gif);
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:right center;
    text-align:left;
    height:26px\9;
    /* IE8 and below */
}
th.headerSortUp {
    background-image:url(../images/style1/small_asc.gif);
    background-color:#FFF;
    text-align:left;
}
th.headerSortDown {
    background-image:url(../images/style1/small_desc.gif);
    background-color:#FFF;
    text-align:left;
}
/*------------------------------------------------------------------------26. FOOTER - Footer styles(<footer> attr is html5)------------------------------------------------------------------------*/
footer {
    clear:both;
    background: url("../images/style1/bg-header.png") repeat-x scroll left top transparent;
    border-top: 1px solid #CCC;
    height: 27px;
    margin-top: -40px !important;
    padding: 5px 10px;
    /* IE7 and below */	position:relative;
}
footer p.left {
    float:left;
    width:auto;
    margin:0px 0 0 0px;
    color:#666;
    font-size:10px;
}
footer p.right {
    float:right;
    width:auto;
    margin:0px 0 0 0px;
    color:#666;
    font-size:10px;
    text-align:right;
}
footer p a,footer p a:active,footer p a:visited {
    text-decoration:underline;
    color:#666;
}
footer p a:hover {
    text-decoration:underline;
    color:#222;
}
/*------------------------------------------------------------------------28. MISC - Some extra css------------------------------------------------------------------------*/.corners {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
/*.shadow {
        -moz-box-shadow:0px 0px 4px #ccc;
        -webkit-box-shadow:0px 0px 4px #ccc;
        box-shadow:0px 0px 4px #ccc;
         IE CSS3 solution 	
        behavior:url(pie/PIE.htc);
}*/
a#top {
    position:fixed;
    right:10px;
    bottom:10px;
    background:#fff url(../images/arrow-top.png) 10px center no-repeat;
    border:1px solid #ccc;
    padding:4px 10px 6px 24px;
    color:#222;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.ui-tabs .ui-tabs-hide {
    display:none !important;
}
.hide {
    display:none;
}
.cl-grey {
    background:#f9f9f9;
}
.no-border-top {
    border-top:none;
}
div.add-dialog-inner .textarea-1:focus,div.add-dialog-inner .textarea-1:hover,div.add-dialog-inner .input-1:focus,div.add-dialog-inner .input-1:hover {
    border:1px solid #444;
}
select {
    line-height:28px;
}
.add-dialog-inner select {
    line-height:26px;
}
.clear {
    height:1px;
    line-height:0;
    clear:both;
}
/*	NEW in 1.7*/
.flexform {
    /*	display:block;*/
}
/*.flexform select {
    width:166px;
    height:33px;
    padding:0 0 0 6px;
    float:left;
    border:1px solid #ccc;
    margin:0 5px 0px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
}*/
.flexform fieldset {
    border:1px solid #ccc;
    padding:20px 10px 10px 10px;
}
.flexform legend {
    border:1px solid #ccc;
    padding:0 5px;
    color:#888
}
.flexform div.row {
    margin:0 0 10px 0;
    width:100%;
    float:left
}
.flexform div.row_r{
    margin:0 0 10px 0;
    width:100%;
    clear: both;
    margin-left: 140px;
}
.flexform .type_select{
    width:auto !important;
}

.flexform .type_select input{
    height:auto;
}

.flexform label {
    /*	display:block;*/
    float: left;
    margin:5px 0 5px 0;
    width: 120px;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    font-family: Arial,Verdana;
    text-shadow: 2px 2px 2px #CCCCCC;
}
.flexform input {
    height:32px;
    width: auto;
    height:24px\9;
    /* IE8 and below */	
    *height:24px;
    /* IE7 and below */	
    padding:0 6px 0 6px;
    padding:8px 0 0 6px\9;
    /* IE8 and below */	
    *padding:8px 0 0 6px;
    /* IE7 and below */	
    float:left;
    border:1px solid #ccc;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.flexform textarea {
    height:100px;
    padding:6px 0 0 6px;
    padding:8px 0 0 6px\9;
    /* IE8 and below */	*padding:8px 0 0 6px;
    /* IE7 and below */	float:left;
    border:1px solid #ccc;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.flexform input.submit,.flexform input.reset {
    float:left;
    margin:0 5px 0 0px;
    height:34px;
    width:66px;
    color:#333;
    padding:0px 0px 2px 0px;
    font-size:13px;
    border:none;
    cursor:pointer;
    background:url(../images/style1/66x34-btn.png) no-repeat;
    background-position:0 0px;
}
.flexform input.submit:hover,.flexform input.reset:hover {
    color:#fff;
    background-position:0 -34px;
}
.float {
    display:block;
    overflow:auto;
}
.column {
    width:20%;
    float:left;
    padding-bottom:20px;
}
.portlet {
    margin:0 1em 1em 0;
}
.portlet-header {
    margin:0.3em;
    padding-bottom:4px;
    padding-left:0.2em;
    cursor:move
}
.portlet-header .ui-icon {
    float:right;
    margin:2px 0 0 0;
    cursor:pointer
}
.ui-dialog .ui-icon{
    float:right; 
}
.portlet-content {
    padding:0.4em;
}
.ui-sortable-placeholder {
    border:1px dotted black;
    visibility:visible !important;
    height:50px !important;
    background:#FFC
}
.ui-sortable-placeholder * {
    visibility:hidden;
}
ul#newmenu {
    overflow:auto;
    background:#fff;
    border:1px solid #b4b4b4;
    padding:0 0 10px 10px;
    margin:0 0px 0 0;
    position:relative;
    margin:0px 0 10px 0;
}
ul#newmenu li {
    float:left;
    list-style-type:none;
}
a.icon-newmenu {
    width:98px;
    height:88px;
    float:left;
    margin:10px 10px 0 0;
    background:url(../images/newmenu-bg.png) no-repeat;
    border:none;
    position:relative;
    text-decoration:none;
    border:1px solid #b9b9b9;
}
a.icon-newmenu:hover {
    border:1px solid #888;
    -moz-box-shadow:0px 0px 4px #ccc;
    -webkit-box-shadow:0px 0px 4px #ccc;
    box-shadow:0px 0px 4px #ccc;
    /* IE CSS3 solution */	behavior:url(pie/PIE.htc);
}
a.icon-newmenu img {
    float:left;
    margin:12px 0 0 26px;
}
a.icon-newmenu span {
    width:100%;
    position:absolute;
    top:64px;
    left:0;
    text-align:center;
    font-size:11px;
    color:#555;
    cursor:pointer;
    text-shadow:1px 1px 1px #fff;
}
.menu-indi {
    background:url(../images/menu-indi.png) no-repeat;
    width:20px;
    height:20px;
    color:#fff;
    position:absolute;
    right:-5px;
    top:-5px;
    text-align:center;
    line-height:20px;
    font-weight:bold;
    font-size:11px
}
div.fakefile {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:340px;
}
.action{
    padding-left: 125px;
}
.action input{
    padding:5px 10px;
    min-width: 100px;
    cursor: pointer;
    text-shadow: 2px 2px 2px #CCC;
    font-weight: bold;
}
/* 	16.3. FORM MESSAGES */
div.form-msg-error-advanced {
    width:25%;
    height:26px;
    padding:6px 10px 0 34px;
    float:right;
    margin:0px 0 0 20px;
    background:#FEBFBF url("../images/icons/16/delete.png") no-repeat scroll 10px 50%;
    border:1px solid #F74C4C;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
/* 	16.3. FORM MESSAGES */
div.errorMessage {
    width:25%;
    height:26px;
    padding:6px 10px 0 34px;
    float:right;
    margin:0px 0 0 20px;
    background:#FEBFBF url("../images/icons/16/delete.png") no-repeat scroll 10px 50%;
    border:1px solid #F74C4C;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.form-msg-good-advanced {
    width:25%;
    height:26px;
    padding:6px 10px 0 34px;
    float:right;
    margin:0px 0 0 20px;
    background:#C3FBAA url("../images/icons/16/accept.png") no-repeat scroll 10px 50%;
    border:1px solid #51BE21;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.form-msg-info-advanced {
    width:25%;
    height:26px;
    padding:6px 10px 0 34px;
    float:right;
    margin:0px 0 0 20px;
    background:#AEE6FD url("../images/icons/16/help.png") no-repeat scroll 10px 50%;
    border:1px solid #3E9BFC;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.form-msg-warning-advanced {
    width:25%;
    height:26px;
    padding:6px 10px 0 34px;
    float:right;
    margin:0px 0 0 20px;
    background:#FFFAB2 url("../images/icons/16/error.png") no-repeat scroll 10px 50%;
    border:1px solid #D5C913;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.error-msg-warning {
    min-height:26px;
    padding:6px 10px 0 34px;
    background:#FFFAB2 url("../images/icons/16/error.png") no-repeat scroll 10px 50%;
    border:1px solid #D5C913;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
div.form-msg-error-text {
    float:left;
    color:#c40505;
    margin:7px 0 0 20px;
    font-size:14px;
    font-weight:bold;
    padding:0px;
}
div.form-msg-good-text {
    float:left;
    color:#32b000;
    margin:7px 0 0 20px;
    font-size:14px;
    font-weight:bold;
    padding:0px;
}
div.form-msg-info-text {
    float:left;
    color:#00a0ea;
    margin:7px 0 0 20px;
    font-size:14px;
    font-weight:bold;
    padding:0px;
}
div.form-msg-warning-text {
    float:left;
    color:#e0c800;
    margin:7px 0 0 20px;
    font-size:14px;
    font-weight:bold;
}
.slectShow{
    clear: both;
    padding: 2px 5px 0px 125px;
}
/**
* 表单类型
*/
.text-field{
    background:url('images/text.png') no-repeat 2px 4px;
}
.number-field{
    background:url('images/number.png') no-repeat 2px 4px;
}
.decimal-field{
    background:url('images/decimal.png') no-repeat 2px 4px;
}
.LongInt-field{
    background:url('images/LongInt.png') no-repeat 2px 4px;
}
.percent-field{
    background:url('images/percent.png') no-repeat 2px 4px;
}
.date-field{
    background:url('images/date.png') no-repeat 2px 4px;
}
.datetime-field{
    background:url('images/datetime.png') no-repeat 2px 4px;
}
.textarea-field{
    background:url('images/textarea.png') no-repeat 2px 4px;
}
.url-field{
    background:url('images/url.png') no-repeat 2px 4px;
}
.select-field{
    background:url('images/select.png') no-repeat 2px 4px;
}
.mselect-field{
    background:url('images/mselect.png') no-repeat 2px 4px;
}
.mselect-field{
    background:url('images/mselect.png') no-repeat 2px 4px;
}
.checkbox-field{
    background:url('images/checkbox.png') no-repeat 2px 4px;
}
.function-field{
    background:url('images/function.png') no-repeat 2px 4px;
}
.search-field{
    background:url('images/search.png') no-repeat 2px 4px;
}
.mail-field{
    background:url('images/mail.png') no-repeat 2px 4px;
}
.phone-field{
    background:url('images/phone.png') no-repeat 2px 4px;
}
.money-field{
    background:url('images/money.png') no-repeat 2px 4px;
}
.detail-field{
    background:url('images/detail.png') no-repeat 2px 4px;
}

.field-ui li{list-style: none;margin-bottom:2px;padding-left: 20px;line-height:22px;}
.field-ui li a{
    color: #000066;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.selectedType{
    background-color: #79B4DC;
    color: #FFF;
    border: 1px #ccc dotted;
}
.UploaderShow{
    margin:0px;position:relative;
}

.UploaderShow .content{
    color:#666666; background-color:#ffffff; width:auto;
}
.UploaderShow .content span{
    list-style-position:inside;
    display:inline-block;
    border-bottom:#999999 1px dashed; 
    height:25px;
    margin: 2px 5px;
}
.UploaderShow .content span b{ display:block; width:16px;height:24px;margin:3px; float:left}
.UploaderShow .content span .book{background:url(img/icon_upload_btn.gif) no-repeat 0px -336px;}
.UploaderShow .content span .zip{background:url(img/icon_upload_btn.gif) no-repeat 0px -446px;}
.UploaderShow .content span .swf{background:url(img/icon_upload_btn.gif) no-repeat 0px -248px;}
.UploaderShow .content span .dvd{background:url(img/icon_upload_btn.gif) no-repeat 0px -313px;}
.UploaderShow .content span .doc{background:url(img/icon_upload_btn.gif) no-repeat 0px -424px;}
.UploaderShow .content span .ppt{background:url(img/icon_upload_btn.gif) no-repeat 0px -402px;}
.UploaderShow .content span .xls{background:url(img/icon_upload_btn.gif) no-repeat 0px -291px;}
.UploaderShow .content span .exe{background:url(img/icon_upload_btn.gif) no-repeat 0px -380px;}
.UploaderShow .content span .scr{background:url(img/icon_upload_btn.gif) no-repeat 0px -182px;}
.UploaderShow .content span .img{background:url(img/icon_upload_btn.gif) no-repeat 0px -204px;}
.UploaderShow .content span .htm{background:url(img/icon_upload_btn.gif) no-repeat 0px -270px;}
.UploaderShow .content span .txt{background:url(img/icon_upload_btn.gif) no-repeat 0px -226px;}
.UploaderShow .content span .mp3{background:url(img/icon_upload_btn.gif) no-repeat 0px -359px;}
.UploaderShow .content span .oth{background:url(img/icon_upload_btn.gif) no-repeat 0px -469px;}
.UploaderShow .content span .cfg{background:url(img/icon_upload_btn.gif) no-repeat 0px -492px;}

.UploaderShow .content span .labe{float:left; width:142px;}
.UploaderShow .content span .bar{width:140px;height:6px;overflow:hidden;background:url(img/bg_upload_btn.gif) repeat-x 0px -61px; float:left; border:#A8A8B0 1px solid;}
.UploaderShow .content span .bar div{ background:#ffffff;width:100%;height:100%;float:right;}
.UploaderShow .content span .unbar{width:142px;height:8px; background-color:#ffffff}
.UploaderShow .content span .file{height:14px;line-height:14px;margin:2px 0px;float:left;overflow:hidden;width:auto}
.UploaderShow .content span span{ display:block;color:#999999; float:left;height:14px;margin-top:14px;}
.UploaderShow .content span .op_del{float:left;margin:3px 1px;background:url(img/icon_upload_btn.gif) no-repeat 0px -73px; cursor:pointer;display:none}
/*待办事宜*/
.flow-state-1{
    background: url('img/new_flow.png') no-repeat right;
    display: inline-block;
    height: 11px;
    width: 28px;
}
/*办结事宜*/
.flow-state-2{
    background: url('img/new_end.png') no-repeat right; 
    display: inline-block;
    height: 11px;
    width: 28px;
}
/*已办事宜*/
.flow-state-3{
    background: url('img/new_run.png') no-repeat right;
    display: inline-block;
    height: 11px;
    width: 28px;
}
.flexform select {
    height: 34px;
    padding:6px 5px;
    float:left;
    border:1px solid #ccc;
    margin:0 5px 0px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
}
div.inbox-sf select, div.inbox-sf2 select {
    height: 34px;
    padding:6px 5px;
    float:left;
    border:1px solid #ccc;
    margin:0 5px 0px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
}
.flexform select:hover{
    border:1px solid #000;
}
.flexform input:hover{
    border:1px solid #000;
}
.flexform textarea:hover{
    border:1px solid #000;
}
ul.articles-list-2 {
    list-style-type: none;
}
ul.articles-list-2 li.art {
    border: 1px solid #CCCCCC;
    display: block;
    margin: 0 0 10px;
    min-height: 48px;
    padding: 10px;
    position: relative;
}
ul.articles-list-2 li.art div.articles-left {
    width: 77%;
}
table.articles-right {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0px;
    color: #555555;
    margin: 0 0 10px 20px;
    padding: 5px 5px 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width:25%;
}
table.articles-right b{
    width: 45px;
    margin-right: 5px;
    text-align: right;
    float: left;
    display: block;
}
table.articles-right tbody tr {
    border: 1px solid #CCCCCC !important;
}
table.articles-right li.articles-right-ctrls {
    border-top: 1px solid #CCCCCC;
    color: #555555;
    float: left;
    height: 25px;
    margin: 0 0 0 0;
    padding: 10px 0;
    width: 100%;
}
table.articles-right li {
    border: medium none;
    float: left;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0;
    width: 100%;
}
ul.articles-list-2 li.art div.articles-left h2 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 12px;
    padding: 0px;
}
.prject-type{
    background-color: #555555;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 92%;
    padding: 4px 10px;
    right: 0;
    text-align: center;
}
.sblock h3{
    border-bottom: 1px dotted #CCCCCC;
    font-size: 14px;
    padding: 5px 0 0px;
    margin: 10px 0px 5px;
}
.sblock ul{
    margin-top: 0px;
}
.sblock ul li{
    padding-left: 10px;
    margin: 0 0 5px;
    list-style-type: none;
}
.week-day{
    width: 60px;
    text-align: center;
    margin: 5px;
}
.week-day span.week{
    font-weight:bold;
    text-align: center;
    display: block;
    border-bottom: 1px dotted #004c7a;
    margin-left: 5px;
    margin-right: 5px;
}
.week-day span.day{
    text-align: center;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}
.sblock ul li span{
    background-color: #5596C4;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    font-size: 92%;
    width: 40px;
    display: block;
    float: left;
    margin: 3px 10px 0px 0px;
    text-align: center;
    line-height:16px;
}
.width50{
    width:48% !important;
}
.width100{
    width: 98% !important;
}
.value-span{
    margin-top: 6px;
    display: block;
}
.empty{
    background: url("../images/icons/16/error.png") no-repeat scroll 10px 50% #FFFAB2;
    border: 1px solid #D5C913;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 26px;
    margin: 0 0 0 20px;
    padding: 6px 10px 0 34px;
    width: 80%;
}
.button-column{
    width: 120px !important;
}
#actions label{
    width:30px;margin-right: 10px;
    font-weight: normal;
}
.tablebox select {
    height: 24px;
    padding:2px 3px;
    float:left;
    border:1px solid #ccc;
    margin:0 5px 0px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
}
.tablebox input {
    height:24px;
    width: auto;
    height:24px\9;
    /* IE8 and below */	
    *height:24px;
    /* IE7 and below */	
    padding:0 3px 0 3px;
    padding:4px 0 0 3px\9;
    /* IE8 and below */	
    *padding:4px 0 0 3px;
    /* IE7 and below */	
    float:left;
    border:1px solid #ccc;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}


.important{background: url("../images/important.png") no-repeat;display:block;text-align: center;width: 24px;height: 24px;}
.set-important{background: url(../images/set_important.png) no-repeat;display:block;text-align: center;width: 24px;height: 24px;}
/**********************字段加载****************************/
input.loading{
    background: url('images/loading.gif') no-repeat right center;
}
input.ok{border: 1px solid #51BE21;}

input.error{border:1px solid red;}